<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:f="http://java.sun.com/jsf/core">

    <rich:modalPanel id="panelUsuario" width="470" height="450" resizeable="false">
        <f:facet name="header">
            <h:panelGroup>
                <h:outputText value="Listado de Usuarios"></h:outputText>
            </h:panelGroup>
        </f:facet>
        <f:facet name="controls">
            <h:panelGroup>
                <h:graphicImage value="../imagenes/close.png" styleClass="hidelink" id="hidelink"/>
                <rich:componentControl for="panelUsuario" attachTo="hidelink" operation="hide" event="onclick"/>
            </h:panelGroup>
        </f:facet>
        <h:panelGrid id="pngListaUsuarios" columns="1">
            <rich:panel id="pnlFiltroBUsuario">
                <h:panelGrid id="pngBuscarUsuario" columns="6">
                    <h:outputText id="outFiltroBuscarUsuario" value="#{general.filtro}:" styleClass="texto_negrita_derecha"/>


                    <!-- Buscador -->
                    <h:selectOneMenu id="slmFiltroBuscarUsuario" value="#{gestorBuscarUsuarios.filtroBusqueda}"  >
                        <f:selectItem id="sliCIEmplado" itemValue="codigo" itemLabel="#{general.codigo}"/>
                        <f:selectItem id="sliLoginUsuario" itemValue="login" itemLabel="Login"/>
                        <a4j:support id="supFiltrosBuscarUsuario" event="onchange" reRender="pnlFiltrosBUsuario"
                                     ajaxSingle="true"/>
                    </h:selectOneMenu>

                    <h:inputText id="idValorBuscar" valueChangeListener="#{gestorBuscarUsuarios.buscarValor}" value="#{gestorBuscarUsuarios.valorBuscar}" title="Valor"
                                 maxlength="10">
                        <a4j:support id="supTexto" event="onchange" ajaxSingle="true"/>
                    </h:inputText>

                     <a4j:commandButton id="btnBuscarUsuarioF" value="Buscar" title="Buscador Empleado" reRender="pngListaUsuarios,pnlFiltroBUsuario,dttListaUsuarios"
                                       actionListener="#{gestorBuscarUsuarios.buscarValor}" action="#{gestorBuscarUsuarios.buscarValor}">

                    </a4j:commandButton>
                    <!-- FIN Buscador -->



                </h:panelGrid>
            </rich:panel>
            <rich:dataTable id="dttListaUsuarios" binding="#{gestorBuscarUsuarios.tablaUsuarios}"
                            value="#{gestorBuscarUsuarios.listadoActual}" var="usuario" rowKeyVar="row" rows="10">
                <f:facet id="fctHeadUsuario" name="header">
                    <h:outputText id="outHeadUsuario" value="Usuarios"/>
                </f:facet>
                <rich:column id="clmCIUsuario" width="90px">
                    <f:facet id="fctClmHeadCi" name="header">
                        <h:outputText id="outClmHeadCi" value="Login" title="Login"/>
                    </f:facet>
                    <h:outputText id="outClmValCi" value="#{usuario.login}"/>
                </rich:column>
                <rich:column id="clmNomUsuario" width="300px">
                    <f:facet id="fctClmHeadNom" name="header">
                        <h:outputText id="outClmHeadNom" value="Nombre"/>
                    </f:facet>
                    <h:outputText id="outClmValNom" value="#{usuario.nombre}"/>
                </rich:column>

                <rich:column id="clmAccionesUsuario" label="Acciones" width="55px" sortable="false">
                    <f:facet id="fctClmAccionesUsuario" name="header">
                        <h:outputText id="outClmAccionesUsuario" value="Acciones" title="Acciones"/>
                    </f:facet>
                    <div id="divAccionesUsuario" align="center">
                        <a4j:commandButton id="btnAccionUsuario" actionListener="#{gestorBuscarUsuarios.seleccionarUsuario}" value="Ver"
                                           image="/imagenes/book_next.ico" ajaxSingle="true" reRender="#{gestorBuscarUsuarios.reRender}" title="Seleccionar Usuario"
                                           />
                    </div>
                </rich:column>
                <f:facet id="fctPieDetalleUsu" name="footer">
                    <rich:datascroller id="dtsDetalleUsu" for="dttListaUsuarios"/>
                </f:facet>

            </rich:dataTable>
        </h:panelGrid>
    </rich:modalPanel>
</ui:composition>
